
@import "css/fonts.css";

h1,h2,h3 {
	font-family: 'ColaborateLightRegular';
	}
.slider-wrap a, .slider-wrap p{
	font-family: 'ColaborateLightRegular';
}

body{
	background:url('../squelettes/img/bg.jpg') repeat-x #000;
	}
	
#page{
	width:960px;
	background: none repeat scroll 0 0 #FFFFFF;
	}
#conteneur {
	padding: 10px;
	}
#content {
    position:relative;
    left:0px;
    top:0px;
    width:960px;
    height:803px;
	margin: 0 auto;
	}
#header, #center, #sidebar{
	top:-10px;
	
	}
	
#header, #center{
	padding:10px;
	}
#entete{
	width:100%;
	}
#center{
	background:#fff;
	position:relative;
	float:left;
    width:665px;
	height:90%;
	}

#sidebar {
	background:#EFEFEF;
    position:relative;
	float:right;
    width:275px;
    height:90%;
	}
#extra{
	width:100%;
	}
	
#footer {
	background:#999999;
    bottom: 0;
    height: 155px;
    position: absolute;
    width: 960px;
	}
	
#navigation {
    float: left;
    margin-top: 1em;
    overflow: hidden;
    width: 275px;
	padding: 10px;
	}

.rubriques ul li {	
	display: block;
    width: 240px;
}

#navigation h1 {
    background: #CE2A45;
    color: #FFF;
    font-size: 1.7em;
	padding:3px;
}

.formulaire_recherche {
    background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    border-radius: 2em 2em 2em 2em;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 3px 5px;
}
.formulaire_recherche input {
    font: 12px/100% Arial,Helvetica,sans-serif;
}
.formulaire_recherche .searchfield {
}
.formulaire_recherche input.submit {
    background: -moz-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;
    border: 1px solid #494949;
    border-radius: 2em 2em 2em 2em;
    color: #FFFFFF;
    font-size: 11px;
    height: 27px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    width: 27px;
}
.formulaire_recherche input.text {
    border: 1px solid #BCBBBB;
    border-radius: 2em 2em 2em 2em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    margin-right: 10px;
    outline: medium none;
    padding: 6px 6px 6px 8px;
    width: 196px;
}

.articles .spip_logos {
    padding: 10px 0;
}
#entete {
    padding-top: 0px;
}

.slider-wrap {
		width: 665px;
		height:350px
}
		
/*
* Featured Content Slideshow
*/
	#featured{ 
		padding-right:250px; 
		position:relative; 
		height:261px; 
		background:#fff;
		}
	#featured ul.ui-tabs-nav{ 
		position:absolute; 
		list-style:none; 
		padding:0; 
		margin:0; 
		width:665px; 
		top:273px;
		}
	#featured ul.ui-tabs-nav li{ 
		font-size:12px; 
		color:#666; 
		display:inline;
		}
	#featured ul.ui-tabs-nav li img{ 
		float:left; 
		margin:2px 5px; 
		background:#fff; 
		padding:2px; 
		border:1px solid #eee;
		}
	#featured ul.ui-tabs-nav li span{ 
    	font-family: RokkittRegular;
    	font-size: 13px;
		line-height: 13px;
		overflow: hidden;
		padding:3px;
		display:block;
		}
	
	#featured li.ui-tabs-nav-item{display:inline;}
	
	#featured li.ui-tabs-nav-item a{ 
		display:block;
		width:166px;
		float:left;
		height:60px; 
		color:#031B26;  
		background:#ddd; 
		line-height:20px;
		font-weight:bold;
		}
	#featured li.ui-tabs-nav-item a:hover{ 
		background:#fff; 
		border-bottom:3px solid #031B26;
		color:#031B26;
		font-weight:bold;
		padding-bottom:-5px;
		height:57px;
		}
	#featured li.ui-tabs-selected{ background:url('../squelettes/img/bg_active.png') top left no-repeat;  }
	#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
		background:#fff;
		border-bottom:3px solid #031B26; 
		padding-bottom:-10px;
		height:57px;
		
		}
	#featured .ui-tabs-panel{ 
		width:665px; 
		height:261px; 
		background:#E8E6E1; 
		position:relative;
		}
	#featured .ui-tabs-panel .info{ 
		position:absolute; 
		top:0px; 
		left:0px; 
		height:260px; 
		width: 160px;
		background: url('img/transparent-bg.png'); 
		}
	#featured .info h2{ 
		font-size:18px; font-family:Georgia, serif; 
		color:#fff; padding:5px; margin:0;
		overflow:hidden; 
		}
	#featured .info p{ 
		margin:0 5px; 
		font-family:Verdana; font-size:11px; 
		line-height:15px; color:#f0f0f0;
		}
	#featured .info a{ 
		text-decoration:none; 
		color:#fff; 
		}

	#featured a.readmore {
		background: none repeat scroll 0 0 #FDD750;
		display: block;
		left: 609px;
		padding: 3px;
		position: relative;
		top: -22px;
		width: 50px;
		}
	#featured a.readmore:visited {color:#fff;}
		
	#featured .info a:hover{ text-decoration:underline; }
	#featured .ui-tabs-hide{ display:none; }
	.resume{width:145px;}
		
	.list-article-item{
		border-bottom:1px dashed #000;
		padding-left:10px;
		background: url('../img/icone_article.png') no-repeat scroll 0 ;
		}
		
	.list-articles ul{list-style-type: none;}

	
.page_article 